<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" src="/js/calendar.js"></script>
	<link rel="stylesheet" type="text/css" href="/css/calendar.css">
	<script type="text/javascript" src="/js/calendar.js"></script>
	<div class="content-wrapper eaw">
		<#include "/head.ftl"/>
		<div class="z-box">
			<div class="tab-header">
				<a title="返回" class="btn btn-setting" onclick="back(this)"> <i
					class="iconfont icon-undo"></i>
				</a>
				 <a title="编辑" class="btn btn-setting" onclick="op('/calendar/op?id=${sm.smId}')">
					<i class="iconfont icon-bi"></i>
				</a>
			</div>
			<div style="padding: 20px 50px;">
			<fieldset>
			<legend style="text-align: center;font-size: 16px;">日程详情</legend>
			<div class="check">
				<div style="margin: 0 auto;padding: 0 60px;">
				<div class="check-title">
						<h1>${sm.smTitle}</h1>
						<div>
							<span>发布者 ：${sendUser.realName}</span>
							<span>发布时间 ：${sm.smTime}</span>
						</div>
					</div>
				<ul class="form-list" style="margin-left: 96px;">
					
					<li class="form-item">
						<div class="time">
							<label class="item-title"><span>开始时间:</span></label> 
							 <div class="check-time" >
								 ${sm.smStartTime}
							 </div>
						</div>
					</li>
					<li class="form-item">
						<div class="time" >
							<label class="item-title"><span>结束时间:</span></label>
							 <div class="check-time" >
								 ${sm.smEndTime}
							 </div>
						</div>
					</li>
					<li class="form-item">
						<div class="state-box ">
							<label class="item-title">
								<span class="state-x">状态:</span>
							</label>
							<#if sm.smStatus == 0>
									<span class="state" style="background: #00C0EF;color: #fff;" data-xuan="0">一般</span> 
								<#elseif sm.smStatus == 1>
									<span class="state" style="background: #F39C12;color: #fff;" data-xuan="1">重要</span>
								<#else>
									<span class="state" style="background: #DD4B39;color: #fff;" data-xuan="2">紧急</span>
							</#if>
						</div>
						<label class="item-title">
						 <span >是否提醒:</span>
						</label>
						<#if sm.smRemind == 0>
						 	<div class="text-input-wrap"></div>
						 	<div class="remind" data-id="${sm.smId}" data-remind="1"><span>设置为提醒</span></div>
						 <#else>
						 	<div class="text-input-wrap t-img"></div>
							<div class="remind" data-id="${sm.smId}"  data-remind="0"><span>取消提醒</span></div>
						</#if>
					</li>
					<li class="form-item"></li>
					<li class="form-item">
						<label class="item-title"> <span>参与人:</span></label>
						<#if sm.users?size gt 0>
						<div class="item-input person-user" style="border: 0px;">
						<#list sm.users as we>
						<span>${we.realName}</span>
						</#list>
						</div>
						<#else>
						<div class="item-input person-user" style="border: 0px;">暂无</div>
						</#if>
						
					</li>
					<li class="form-item">
						</li>
				</ul>
				<div style="height: 10px"></div>
				<fieldset class="aw">
				<legend style="text-align: center;">日程内容</legend>
				<div class="">
					<#if sm.smContent??>
					 	<p style="font-size: 13px;">${sm.smContent}
					 	</p>
					 <#else>
					 	<p style="color: #ccc;font-size: 13px;text-align: center;">没有具体内容
					 	</p>
					</#if>
					</div>
				</fieldset>
				</div>
			</div>
			</fieldset>
			</div>
		</div>
	</div>
</body>
</html>